$.fn.smartFloat = function() { 
    var position = function(element){    
        var abLeft=$(element).css("left"); //当为ablute时的left相对初始值
        var fixeLeft=$(element).offset().left+"px"; //在整个页面的绝对值
        var top = element.position().top;
        var pos = element.css("position");
        var tf=$(element).hasClass('bzDiv'); //判断当前对象是不是detail-bar层 针对线路详情页面
        $(window).scroll(function() {              
            var scrolls = $(this).scrollTop();
            if (scrolls > top) {
                if (window.XMLHttpRequest) {
                    element.css({
                        position: "fixed",
                        top: 0,
                        left:fixeLeft
                    });
                } else {
                    element.css({
                        top: scrolls
                    });    
                }
                
                if(tf==true){
                    detailBar(scrolls); //线路详情页面增添动态效果
                  }
                
                
            }else {
                element.css({
                    position: pos,
                    top: top,
                    left:abLeft
                });    
            }
        });
};
    return $(this).each(function() {
        position($(this));                         
    });
};
//浮动页签 bar 自动切换选中效果
var detailBar=function(x){
    var top_1=$("#sec1").offset().top;
    var top_2=$("#sec2").offset().top;
    var top_3=$("#sec3").offset().top;
    var top_4=$("#sec4").offset().top - 250;
    if(top_1<=x && x<top_2){
        $(".bzDiv .bzItem").eq(0).addClass("active").siblings().removeClass("active");
            return false;
        }else if(top_2<=x && x<top_3){ 
            $(".bzDiv .bzItem").eq(1).addClass("active").siblings().removeClass("active");
            return false;
        }else if(top_3<=x && x<top_4){
            $(".bzDiv .bzItem").eq(2).addClass("active").siblings().removeClass("active");  
            return false;
        }else if(top_4<=x){
            $(".bzDiv .bzItem").eq(3).addClass("active").siblings().removeClass("active");  
            return false;
        }
   }